/**
 * @Desc 自定义css
 */

@import "./animation";
@import "./common";
@import "./iconfont";
@import "variable";

.el-checkbox__input.is-focus .el-checkbox__inner,
.el-checkbox__input .el-checkbox__inner:hover,
.el-checkbox__input.is-indeterminate .el-checkbox__inner:hover {
  border-color: #000000 !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

//
//// 滚动条
::-webkit-scrollbar-thumb {
  background-color: #39a373;
  -webkit-border-radius: 8px;
  border: 2px solid #fff;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #39a373;
  -webkit-border-radius: 8px;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 0;
}

//分页样式
.public-page-pagination {
  text-align: right;
  padding-top: 28px;
  padding-bottom: 28px;
  padding-right: 30px;

  &.public-page-pagination-small {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;

    /deep/.el-pagination__sizes {
      .el-select.el-select--mini,
      .el-input__inner {
        height: 22px;
        line-height: 22px;
      }
    }
  }

  /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #000000;
  }

  /deep/ .el-pagination {
    .el-pager li:not(.active):hover {
      color: #000 !important;
    }
  }
}

body /deep/ .el-table-filter__bottom {
  display: flex;
  justify-content: space-around;
}

body /deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #000;
}

// 按钮组

.public-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;

  &.public-button-plain {
    padding: 8px 15px;
    font-size: 12px;
    border-radius: 3px;
    color: #3f83f6;
    background: #f1f5fd;
    border: none;

    &:hover {
      color: #fff;
      background: #3f83f6;
      box-shadow: 0px 5px 5px #f1f5fd;
    }
  }
}
